<?php 

	//$_SERVER['DOCUMENT_ROOT'];
	$directory = "public/images/background/";
	//echo $_SERVER['DOCUMENT_ROOT'];;
	//$imgs = glob($directory . "*.jpg");
	//shuffle($imgs);

	//$img = $imgs[0];
	$img = $directory.'urban-river-resort-2.jpg';

?>
<!DOCTYPE HTML>
<html lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="<?= $this->meta_keywords ?>" />
    <meta name="title" content="<?= $this->meta_title ?>" />
    <meta name="description" content="<?= $this->meta_description ?>" />
    <meta name="uri-translation" content="on" />
    <title>
    <?= $this->meta_title ?>
    </title>
    <link rel="shortcut icon" href="<?php echo base_url();?>public/images/favicon.ico" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <style>
	
.wd_checkin > label {
    display: none !important;
}
.be_widget {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.booking_btn {
    background:none repeat scroll 0 0 #6c2416;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    margin-top: 0;
    padding: 6px 10px;
    text-transform: uppercase;
}
.bg-logo {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border-bottom: 10px solid #b9442f;
    height: 85px;
    position: absolute;
    right: 810px;
    top: -15px;
    width: 1000%;
    z-index: -1;
}
#checkinDateText, #checkoutDateText, #Ccode {
	border: 1px solid #cccccc;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	padding: 0 10px;
	width:auto;
	background:url("http://www.lynnaya-hotel-angkor.com/public/images/glyphicons-halflings-datepicker.png") no-repeat scroll 96% 50% #ffffff;
	margin-right:5px
}
#staahbooking {
	border-radius: 5px;
	color: #000000;
	float: left;
	margin: 2px auto 0;
	padding: 0;
	position: relative;
	width: auto;
}
.be_widget h3 {
    background: none repeat scroll 0 0 #b9442f;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    font-weight: lighter;
    margin: 0;
    padding: 7px 10px;
    position: absolute;
    text-transform: uppercase;
    top: -34px;
}
button.ui-datepicker-trigger {
	display:none !important;
}
.cal_widget label {
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-shadow: 0 0 1px #8b8b8b;
	text-transform: uppercase;
	width: auto;
	padding: 5px 0 0;
}
ul.cal_widget li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: auto;
}
ul.cal_widget {
	margin: 0;
	padding: 0;
}
#ui-datepicker-div {
	display:none;
	z-index: 999999
}
.cal_widget #hotel {
	margin-bottom:2px;
}
</style>
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script type="text/javascript" src="<?php echo base_url();?>public/js/jquery-1.8.3.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

    <!--<script type='text/javascript' src='<?php /*echo base_url();*/?>public/js/respond.min.js'></script>-->
    <!-- SlideShow -->
    <script type="text/javascript" src="<?php echo base_url();?>public/js/bgstretcher.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/bgstretcher.css" />
    <!-- MainCSS -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/main.css" />
    <script type="text/javascript">
        $(document).ready(function(){

            $('body').bgStretcher({
                images: [
                    '<?php echo base_url().$img;?>'
                ],
                imageWidth: 1920,
                imageHeight: 1020,
                slideDirection: 'N',
                slideShowSpeed: 1400,
                transitionEffect: 'fade',
                sequenceMode: 'normal',
                buttonPrev: '#prev',
                buttonNext: '#next',
                pagination: '#nav',
                anchoring: 'left center',
                anchoringImg: 'center center'
            });

        });

    </script>
    <?php include('application/views/lyn/v_analyticstracking.php'); ?>
    </head>
    <body>
<?php // onLoad="showModal()" ?>
<div id="container">
<div id="header">
      <div class="wrapHeader">
    <div class="bg-logo"></div>
    <?= anchor(
                        "",
                        '<div class="logo"></div>',
                        isset($page_name) ? ( $page_name == "contacts" ? "class='active'" : "" ) : "" );?>
  </div>
    
    </div>
<!-- .header -->
<div class="clear"></div>
